Day23 - Day17 改為輕前端範例 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2021 iThome 鐵人賽

DAY 23

0

自我挑戰組

Asp.Net Core 從 Post FormData 走到輕前端 Vue系列第 23 篇

Day23 - Day17 改為輕前端範例

13th鐵人賽 c# asp.net core

2021-09-23 09:25:10

842 瀏覽

分享至

Case01

與 Day17 範例的差異，除了從 Razor Tag Helper 改為輕前端外，主要還有以下的部份

Controller
- 刪除 Action AddOrderItem()
- PostCase01 改為讀取 Json 格式
View
- 刪除 OrderItem.cshtml
- 所有 ajax 改為 post json 格式
- 刪除 Guid、金額、小計、稅金、總計的 hidden 欄位
- js script
  - 刪除 function RenewAmounts() - 因為在計算完畢後，不需要手動把值放回 html dom 中
  - 取得 CSRF Token 的方式

有興趣的人，可以細看與 Day17 範例的差異 !

這篇先到這裡

因為 fetch 開始出現重複的程式碼

下一篇來看看把 fetch 抽取成共用元件 !

Day22 - Ajax 加上 Antiforgery Token (二)

Day24 - 抽取 js 共用元件

系列文

Asp.Net Core 從 Post FormData 走到輕前端 Vue 共 30 篇

目錄

RSS系列文訂閱系列文

5 人訂閱

完整目錄

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

1064 組

團體組數

40 組

累計文章數

22137 篇

完賽人數

596 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙